<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>Document</title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/common.css">
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../lib/swiper/css/swiper.min.css" />
	</head>
	<body>
		<script src="../lib/jquery/dist/jquery.min.js"></script>
		<script src="../lib/swiper/js/swiper.min.js"></script>
		<script src="../js/functions.js"></script>

		<!-- header -->
		<header>
			<div class="container" id="top">
				<div class="header-l">
					<ul>
						<li>小米商城</li>
						<span>丨</span>
						<li>MIUI</li>
						<span>丨</span>
						<li>IoT</li>
						<span>丨</span>
						<li>云服务</li>
						<span>丨</span>
						<li>金融</li>
						<span>丨</span>
						<li>有品</li>
						<span>丨</span>
						<li>小爱开放平台</li>
						<span>丨</span>
						<li>企业团购</li>
						<span>丨</span>
						<li>资质证照</li>
						<span>丨</span>
						<li>协议规则</li>
						<span>丨</span>
						<li class="li-app">
							下载app
							<div class="app">
								<div class="img">
									<img
										src="../images/APP.png"
										alt=""
										width="90"
									/>
								</div>
								小米商城APP
							</div>
						</li>
						<span>丨</span>
						<li>Select Location</li>
					</ul>
				</div>
				<div class="header-r">
					<a href="./cart.html">
						<div class="shop fr">
						购物车
						<div class="shop-h">
							<ul class="clearfix">
								<li>
									<span class="thumb fl"><img src="//i1.mifile.cn/a1/pms_1570878871.18682080!200x200.jpg" alt=""></span>
									<span class="goname fl">
										Redmi Note 8 Pro 8GB+128GB 全网通版
									</span>
									<span class="goprice">
										299 × 1
									</span>
								</li>
								<li>
									<span class="thumb fl"><img src="//i1.mifile.cn/a1/pms_1570878871.18682080!200x200.jpg" alt=""></span>
									<span class="goname fl">
										Redmi Note 8 Pro 8GB+128GB 全网通版
									</span>
									<span class="goprice">
										299 × 1
									</span>
								</li>
								<li>
									<span class="thumb fl"><img src="//i1.mifile.cn/a1/pms_1570878871.18682080!200x200.jpg" alt=""></span>
									<span class="goname fl">
										Redmi Note 8 Pro 8GB+128GB 全网通版
									</span>
									<span class="goprice">
										299 × 1
									</span>
								</li>
							</ul>
							<div class="fl jiesuan clearfix">
								<i class="gongsanjian">共<em>3</em>件商品
									<i><em>2323</em>元</i>
								</i>
								<a class="lalala" href="javascript:;">去购物车结算</a>
							</div>
						</div>
					</div></a>
					<ul>
						<li><a class="username-login" href="./cart.html"></a></li>
						<span>丨</span>
						<li><a class="quit-login" href="javascript:;">退出登录</a></li>
						<span>丨</span>
						<li><a href="./register.html">注册</a></li>
						<span>丨</span>
						<li>消息通知</li>
					</ul>
				</div>
			</div>
		</header>

		<!-- nav -->
		<nav>
			<div class="container">
				<a href="./index.html">
					<div class="logo fl"></div>
				</a>

				<!-- 顶部导航栏 -->
				<a href="./list.html">
					<ul class="fl nav-top-t-t">
					</ul></a>

				<div class="search fr">
					<input type="text" />
					<button style="border-left: 0;"></button>
				</div>
			</div>
			<!-- 顶部导航栏二级菜单 -->
			<div class="J_navMenu">
				<div class="container">
					<a href="./list.html">
						<ul>
						</ul>
					</a>
				</div>
			</div>
		</nav>

		<!-- content -->
		<div class="content">
			<div class="container">
				<!-- 左侧商品导航栏二级菜单 -->
				<div class="content-list">
					<a href="./list.html"></a>
				</div>
				<!-- 左侧商品导航栏 -->
				<div class="content-l">
					<a href="./list.html">
						<ul>
							<li>手机 电话卡<span>></span></li>
							<li>电视 盒子<span>></span></li>
							<li>笔记本 显示器 平板<span>></span></li>
							<li>家电 插线板<span>></span></li>
							<li>出行 穿戴<span>></span></li>
							<li>智能 路由器<span>></span></li>
							<li>电源 配件<span>></span></li>
							<li>健康 儿童<span>></span></li>
							<li>耳机 音箱<span>></span></li>
							<li>生活 鞋包<span>></span></li>
						</ul>
					</a>
				</div>
				<!-- 轮播图 -->
				<div class="content-r swiper-container swiper-container1">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><img src="../images/banner-1.jpg" width="1226" alt="" /></div>
						<div class="swiper-slide"><img src="../images/banner-2.webp" width="1226" alt="" /></div>
						<div class="swiper-slide"><img src="../images/banner-3.webp" width="1226" alt="" /></div>
						<div class="swiper-slide"><img src="../images/banner-4.webp" width="1226" alt="" /></div>
						<div class="swiper-slide"><img src="../images/banner-5.webp" width="1226" alt="" /></div>
					</div>
					<div class="swiper-button-prev"></div>
					<div class="swiper-button-next"></div>
					<div class="swiper-pagination"></div>
				</div>
			</div>
		</div>

		<div class="home">
			<div class="container">
				<div class="home-l">
					<div>小米秒杀</div>
					<div>小米秒杀</div>
					<div>小米秒杀</div>
					<div>小米秒杀</div>
					<div>小米秒杀</div>
					<div>小米秒杀</div>
				</div>
				<div class="home-r">
					<img src="../images/cc9_07.jpg" alt="" />
				</div>
				<div class="home-r">
					<img src="../images/bracelet_11.jpg" alt="" />
				</div>
				<div class="home-r">
					<img src="../images/redmi_09.jpg" alt="" />
				</div>
			</div>
		</div>

		<div class="main">
			<div class="container">
				<div class="buy">
					<div class="buy-t">
						<h3>小米闪购</h3>
						
							<div class="swiper-button-lqbz"><span class="swiper-button-prev swiper-button-prev2" style="border-right: 0;"></span
								>
								<span class="swiper-button-next swiper-button-next2"></span></div>
						
					</div>
					<div class="buy-b">
						<div class="shandian">
							<h4>14:00场</h4>
							<p>现在是北京时间</p>
							<div class="time">
								<!-- <img src="../images/time_03.jpg" alt="" /> -->
								<div id="hours"></div>
								<i>:</i>
								<div id="minute"></div>
								<i>:</i>
								<div id="second"></div>
							</div>
						</div>
						
						<div class="swiper-container swiper-container2">
							<div class="swiper-wrapper">
								<div class="buy-b-r swiper-slide">
									<div
										class="buy-right"
										style="border-top: 1px solid #2196f3;"
									>
										<img src="../images/lamp_03.jpg" alt="" />
										<h5>飞利浦智睿吸顶机 白色</h5>
										<p>色温亮度可调</p>
										<div class="i">
											<i>329元</i>
											<s>349元</s>
										</div>
									</div>
									<div
										class="buy-right"
										style="border-top: 1px solid #e53935;"
									>
										<img src="../images/cleaner_05.jpg" alt="" />
										<h5>米家手持无线吸尘器 白色</h5>
										<p>除尘除螨黑科技</p>
										<div class="i">
											<i>999元</i>
											<s>1299元</s>
										</div>
									</div>
									<div
										class="buy-right"
										style="border-top: 1px solid #00c0a5;"
									>
										<img src="../images/bag_07.jpg" alt="" />
										<h5>小米时尚通勤双肩包 深灰</h5>
										<p>稳重的外表，张扬的内心</p>
										<div class="i">
											<i>124.5元</i>
											<s>249元</s>
										</div>
									</div>
									<div
										class="buy-right"
										style="border-top: 1px solid #ffac13;"
									>
										<img src="../images/cooker_09.jpg" alt="" />
										<h5>米家小饭煲 白色</h5>
										<p>小容量不浪费</p>
										<div class="i">
											<i>169元</i>
											<s>199元</s>
										</div>
									</div>
								</div>
								<div class="buy-b-r swiper-slide">
									<div
									class="buy-right"
									style="border-top: 1px solid #2196f3;"
								>
									<img src="../images/lamp_03.jpg" alt="" />
									<h5>飞利浦智睿吸顶机 白色</h5>
									<p>色温亮度可调</p>
									<div class="i">
										<i>329元</i>
										<s>349元</s>
									</div>
								</div>
								<div
									class="buy-right"
									style="border-top: 1px solid #e53935;"
								>
									<img src="../images/cleaner_05.jpg" alt="" />
									<h5>米家手持无线吸尘器 白色</h5>
									<p>除尘除螨黑科技</p>
									<div class="i">
										<i>999元</i>
										<s>1299元</s>
									</div>
								</div>
								<div
									class="buy-right"
									style="border-top: 1px solid #00c0a5;"
								>
									<img src="../images/bag_07.jpg" alt="" />
									<h5>小米时尚通勤双肩包 深灰</h5>
									<p>稳重的外表，张扬的内心</p>
									<div class="i">
										<i>124.5元</i>
										<s>249元</s>
									</div>
								</div>
								<div
									class="buy-right"
									style="border-top: 1px solid #ffac13;"
								>
									<img src="../images/cooker_09.jpg" alt="" />
									<h5>米家小饭煲 白色</h5>
									<p>小容量不浪费</p>
									<div class="i">
										<i>169元</i>
										<s>199元</s>
									</div>
								</div>
								</div>
								<div class="buy-b-r swiper-slide">
									<div
									class="buy-right"
									style="border-top: 1px solid #2196f3;"
								>
									<img src="../images/lamp_03.jpg" alt="" />
									<h5>飞利浦智睿吸顶机 白色</h5>
									<p>色温亮度可调</p>
									<div class="i">
										<i>329元</i>
										<s>349元</s>
									</div>
								</div>
								<div
									class="buy-right"
									style="border-top: 1px solid #e53935;"
								>
									<img src="../images/cleaner_05.jpg" alt="" />
									<h5>米家手持无线吸尘器 白色</h5>
									<p>除尘除螨黑科技</p>
									<div class="i">
										<i>999元</i>
										<s>1299元</s>
									</div>
								</div>
								<div
									class="buy-right"
									style="border-top: 1px solid #00c0a5;"
								>
									<img src="../images/bag_07.jpg" alt="" />
									<h5>小米时尚通勤双肩包 深灰</h5>
									<p>稳重的外表，张扬的内心</p>
									<div class="i">
										<i>124.5元</i>
										<s>249元</s>
									</div>
								</div>
								<div
									class="buy-right"
									style="border-top: 1px solid #ffac13;"
								>
									<img src="../images/cooker_09.jpg" alt="" />
									<h5>米家小饭煲 白色</h5>
									<p>小容量不浪费</p>
									<div class="i">
										<i>169元</i>
										<s>199元</s>
									</div>
								</div>
								</div>
							</div>

						</div>
					</div>
				</div>

				<div class="phone">
					<div class="phone-t">
						<img src="../images/ninePro.png" alt="" />
					</div>
					<h2>
						手机
						<a href="./list.html" class="more">
							<p>查看全部</p>
							<div class="more-icon">＞</div>
						</a>
					</h2>
					<div class="phone-b">
						<div class="phone-l fl">
							<img src="../images/mimix.png" alt="" />
						</div>
						<div class="phone-r">
							<ul>
								<li>
									<img
										src="../images/phone_1.png"
										alt=""
										width="160"
									/>
									<h5>小米CC9 Pro</h5>
									<p>1亿像素 五摄四闪</p>
									<div class="i">
										<i>2799元起</i>
										<s></s>
									</div>
								</li>
								<li>
									<img
										src="../images/phone_2.png"
										alt=""
										width="160"
									/>
									<h5>小米9 Pro 5G</h5>
									<p>5G双卡全网通，骁龙855Plus</p>
									<div class="i">
										<i>3699元起</i>
										<s></s>
									</div>
								</li>
								<li>
									<img
										src="../images/phone_3.png"
										alt=""
										width="160"
									/>
									<h5>Redmi 8</h5>
									<p>5000mAH超长续航</p>
									<div class="i">
										<i>749元起</i>
										<s>799元</s>
									</div>
								</li>
								<li>
									<img
										src="../images/phone_4.png"
										alt=""
										width="160"
									/>
									<h5>Redmi 8A</h5>
									<p>5000mAh超长续航</p>
									<div class="i">
										<i>699元起</i>
										<s></s>
									</div>
								</li>
								<li style="margin-bottom: 0;">
									<img
										src="../images/phone_5.png"
										alt=""
										width="160"
									/>
									<h5>Redmi Note 8 Pro</h5>
									<p>6400万全场景四摄</p>
									<div class="i">
										<i>1299元起</i>
										<s>1399元</s>
									</div>
								</li>
								<li style="margin-bottom: 0;">
									<img
										src="../images/phone_6.png"
										alt=""
										width="160"
									/>
									<h5>Redmi Note 8</h5>
									<p>千元4800万四摄</p>
									<div class="i">
										<i>999元起</i>
										<s></s>
									</div>
								</li>
								<li style="margin-bottom: 0;">
									<img
										src="../images/phone_7.png"
										alt=""
										width="160"
									/>
									<h5>Redmi K20 Pro 尊享版</h5>
									<p>骁龙855Plus，弹出全面屏</p>
									<div class="i">
										<i>2699元起</i>
										<s></s>
									</div>
								</li>
								<li style="margin-bottom: 0;">
									<img
										src="../images/phone_8.png"
										alt=""
										width="160"
									/>
									<h5>Redmi 7</h5>
									<p>4000mAh超长续航</p>
									<div class="i">
										<i>999元起</i>
										<s>899元</s>
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<footer>
			<div class="container">
				<div class="footer-top">
					<ul>
						<li>预约维修服务</li>
						<li>7天无理由退货</li>
						<li>5天免费换货</li>
						<li>满150元包邮</li>
						<li style="border-right: 0;">520余家售后网点</li>
					</ul>
				</div>
				<div class="footer-bottom">
					<dl>
						<dt>帮助中心</dt>
						<dd>账户管理</dd>
						<dd>购物指南</dd>
						<dd>订单操作</dd>
					</dl>
					<dl>
						<dt>服务支持</dt>
						<dd>售后政策</dd>
						<dd>自助服务</dd>
						<dd>相关下载</dd>
					</dl>
					<dl>
						<dt>线下门店</dt>
						<dd>小米之家</dd>
						<dd>服务网点</dd>
						<dd>授权体验店</dd>
					</dl>
					<dl>
						<dt>关于小米</dt>
						<dd>了解小米</dd>
						<dd>加入小米</dd>
						<dd>投资者关系</dd>
					</dl>
					<dl>
						<dt>关注我们</dt>
						<dd>新浪微博</dd>
						<dd>官方微信</dd>
						<dd>联系我们</dd>
					</dl>
					<dl>
						<dt>特色服务</dt>
						<dd>F 码通道</dd>
						<dd>礼物码</dd>
						<dd>防伪查询</dd>
					</dl>
					<div class="contace fr">
						<h3>400-100-5678</h3>
						<p>周一至周日 8:00-18:00<br />（仅收市话费）</p>
						<a href="javascript:;">人工客服</a>
					</div>
				</div>
			</div>
		</footer>

		<div class="bottom">
			<div class="container">
				<div class="bottom-t">
					<div class="bottom-logo fl">
						<img src="../images/logo_03.jpg" alt="" />
					</div>
					<div class="bottom-r fr">
						<h5>
							<a href="javascript:;">小米商城</a><span>|</span>
							<a href="javascript:;">MIUI</a><span>|</span>
							<a href="javascript:;">米家</a><span>|</span>
							<a href="javascript:;">米聊</a><span>|</span>
							<a href="javascript:;">多看</a><span>|</span>
							<a href="javascript:;">游戏</a><span>|</span>
							<a href="javascript:;">路由器</a><span>|</span>
							<a href="javascript:;">米粉卡</a><span>|</span>
							<a href="javascript:;">政企服务</a><span>|</span>
							<a href="javascript:;">小米天猫店</a><span>|</span>
							<a href="javascript:;">小米集团隐私政策</a><span>|</span>
							<a href="javascript:;">小米公司儿童信息保护规则</a
							><span>|</span> <a href="javascript:;">小米商城隐私政策</a
							><span>|</span> <a href="javascript:;">小米商城用户协议</a
							><span>|</span> <a href="javascript:;">问题反馈</a
							><span>|</span>
							<a href="javascript:;">Select Location</a>
						</h5>
						<p>
							© mi.com 京ICP证110507号 京ICP备10046444号
							京公网安备11010802020134号 京网文[2017]1530-131号<br />
							（京）网械平台备字（2018）第00005号
							互联网药品信息服务资格证 (京) -非经营性-2014-0090
							营业执照 医疗器械质量公告<br />
							增值电信业务许可证
							网络食品经营备案（京）【2018】WLSPJYBAHF-12
							食品经营许可证<br />
							违法和不良信息举报电话：185-0130-1238
							知识产权侵权投诉
							本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
						</p>
					</div>
				</div>
				<div class="bottom-c">
					<img src="../images/v-logo-1.png" alt="" width="85" />
					<img src="../images/v-logo-3.png" alt="" />
					<img src="../images/v-logo-2.png" alt="" />
					<img src="../images/v-logo-4.png" alt="" />
					<img src="../images/v-logo-5.png" alt="" />
				</div>
				<div class="bottom-b"></div>
			</div>
		</div>

		<div class="tool">
			<ul>
				<li class="tool-1">
					手机APP
					<div class="app">
						<div class="img">
							<img src="../images/APP.png" alt="" width="90" />
						</div>
						手机扫一扫<br />
						一分赢好礼
					</div>
				</li>
				<li class="tool-2">个人中心</li>
				<li class="tool-3">售后服务</li>
				<li class="tool-4">人工客服</li>
				<li class="tool-5">购物车</li>
			</ul>
		</div>
		<div class="tool-6" style="border-bottom: 1px solid #f5f5f5;">
			回顶部
		</div>
		<script src="../js/index.js"></script>
	</body>
</html>
